//to reset element-ui default css
//---------


.el-pagination button, .el-pagination button:disabled {
  margin-top: 0px;
}
.el-pager li{
  margin-top: -2px;
}
// ------
.el-dialog__wrapper.addOperater .el-dialog .el-dialog__body{
  padding: 0px 30px
}
.el-dialog__wrapper.addUnit .el-dialog .el-dialog__body{
  padding:10px 30px
}
.el-dialog__wrapper.OP_selectOperate .el-dialog .el-dialog__body{
  padding: 10px 20px 0px 20px;
}
.el-dialog__wrapper.inBatch .el-dialog .el-dialog__body{
  padding: 10px 25px 0px 25px;
}
.el-dialog__wrapper.CRcheck .el-dialog .el-dialog__body{
  padding: 10px 20px ;
}

.el-dialog__wrapper.chooseTrend .el-dialog .el-dialog__body{
  padding: 10px 25px 0px 25px;
}
//element-loading-background
.el-loading-background{
  background-color: rgba(0, 0, 0, 0.8);
}
//------------- 默认scollbar
::-webkit-scrollbar{
  width:7px;
  height: 7px;
  
}
//背景色
::-webkit-scrollbar-track{
  background-color: transparent;
}
::-webkit-scrollbar-thumb{
  border-radius: 3px;
  background-color: rgba(144,147,153,.3);
  -webkit-transition: .3s background-color;
  transition: .3s background-color;
}
::-webkit-scrollbar-thumb:hover{
  // border-radius: 3px;
  background-color: rgba(144,147,153,.6);;
}
::-webkit-scrollbar-corner{
  background-color: transparent;
}
//------el-tabs
.el-tabs--border-card {
  background: #0a5272;
  border-top:none;
  border-right:none;
  border:none;
  // border-bottom: 1px solid #009de0;
  color:#b5e7fd;
  box-shadow: none;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: #0a5272;
  border-bottom: 1px solid #009de0;
  margin: 0;
  // background-image: linear-gradient(#0385bc, #0a587b,#0385bc);
}
.el-tabs__item{
  color: #b5e7fd;
}
.el-tabs__item:hover {
  color: #409EFF;
  cursor: pointer;
  background-color: #0a5272;
  border-bottom: 1px solid #009de0;
}
.el-tabs__content {
  padding: 6px 24px;
}
//-------el-tabs--card  card类型tabs样式
.el-tabs--card>.el-tabs__header {
  border-bottom: 1px solid #009de0;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
 border-bottom-color: transparent;
 background-color: #0a5272;
 color: #b5e7fd;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border: 1px solid #009de0;
  border-bottom: none;
  border-radius:0;
}
.el-tabs--card > .el-tabs__header .el-tabs__item {
  border-left: 1px solid #009de0;
  border-bottom:1px solid #009de0;
}

.el-tabs__nav.is-top{
  border-top: 1px solid #009de0;
  border-left: 1px solid #009de0;
  // border-bottom: 1px solid #009de0;
  margin: 0;
  background-image: linear-gradient(#0385bc, #0a587b,#0385bc);
  margin-left: 50px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item{
 
  color: #b5e7fd;
  border-bottom: 1px solid transparent;
  border-right: 1px solid #009de0;
  border-left: 1px solid #009de0;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: #b5e7fd;
  background-color: #0b5272;
  border-right-color: #009de0;
  border-left-color: #009de0;
  border-top-color: #009de0;
}
.el-tabs--border-card > .el-tabs__content {
  border-right: 1px solid #009de0;
  border-left: 1px solid #009de0;
  border-bottom: 1px solid #009de0;
}


//------------------
.el-checkbox__inner{
  border: 1px solid #0385bf;
  background-color: #06709d;
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #3d8ee0;
  border-color: #3d8ee0;
}
// .el-input-number__decrease, .el-input-number__increase{
//   background: #0f6bf5;
//     color: #e09b12;
// }
.el-checkbox__input.is-disabled .el-checkbox__inner{
  background-color: #06709d;
  border-color: #0385bf;
  cursor: not-allowed;
}
.el-input-number.is-controls-right .el-input-number__increase{
  border:none;
}
.el-input-number__decrease, .el-input-number__increase{
  color:#b5e7fd;
}
.el-input-number.is-controls-right .el-input-number__decrease{
  border:none;
}

//---------------
.el-input-number__decrease, .el-input-number__increase{
  background: #0a5272;
}
// .el-input__prefix-inner {
//   background: #0a5272 !important;
// }
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: #409EFF;
  background-color: #0a5272;
  border-top: 1px solid #009de0;
  border-bottom: 1px solid #009de0;
}
//----.el-upload-dragger {
  .el-upload-dragger {
  background-color: #0a5272!important ;
  border: 1px dashed #02c7f0!important;
  color: #fff!important;
}
.el-upload-list__item .el-icon-close{
  color: #b5e7fd!important;
}

.el-upload-dragger .el-upload__text{
  color: #fff!important;
}
.el-upload-dragger .el-upload__text em {
  color: #409EFF!important;
  font-style: normal;
}

.el-upload-dragger .el-icon-upload{
  color:#409EFF!important
}
.el-upload-list__item-name{
  color:#b5e7fd!important
}

.el-upload-list__item-name [class^=el-icon]{
  color:#409EFF!important
}

.el-upload-list__item.is-ready:hover{
  background-color:#0e6286!important
}
.el-upload-list__item-name:hover{
  background-color:#0e6286!important
}
// -----el-table-------
.el-table__fixed-right::before, .el-table__fixed::before{
  background-color: #0a5272!important;
}
.el-table .caret-wrapper{
  height: 21px;
}
.el-table .sort-caret.ascending {
  top: -2px;
}
.el-table .sort-caret.descending {
  bottom: 1px;
}
//---排序
.el-table thead.is-group th.el-table__cell {
  background: #156f92;
}
.el-table--border, .el-table--group {
  border:none;
}
.el-table--border::after, .el-table--group::after{
  background-color: transparent;
}
el-table::before{
  background-color: #0a5272;
}
.el-table .el-table__cell{
  padding: 7px 0;
  background-color: #0a5272;
  color:#ffffff;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #175599 !important;
}
// 所有行的背景色
.el-table tr{
  background-color: #0a5272;
}
// 偶数行
// .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
//   background-color: #0a5272;
// }
// 表头

.el-table th.is-leaf{
  background-color: #156f92;
}
// 当前选中行
.el-table__body tr.el-table__row.current-row > td {
  background-color: #0e6286;
}
// 当前选中行
.el-table__body tr.current-row > td {
  background-color: #0e6286;
}
// 表格留白
.el-table__body-wrapper{
  background-color: #0a5272;
}
.el-table, .el-table__expanded-cell {
  background-color: #0a5272;
}
.el-table__body .el-table__row.hover-row td {

  background-color: #0e6286 !important;

}
// table-hover
.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell{
  background-color: #0e6286;
}
// 鼠标经过颜色
.el-table__body tr:hover>td{
  background-color: #0e6286 !important;
  border-bottom: 1px solid #0e6286 !important;
  }
//table与scrollbar右上角的夹角
  .el-table__fixed-right-patch{
    background-color: #156f92;
    border-bottom: 1px solid #156f92;
  }
  .el-table .el-table__cell.gutter{
    background-color: #156f92;
  }
  .el-table::before{
    height: 0px;
  }
  // .el-table__body-wrapper::-webkit-scrollbar {
  //   width: 10px; /* 设置滚动条宽度 */
  // }


  //--------el-tree--------
  .el-tree {
    position: relative;
    cursor: default;
    background: #0a5272;
    color: #b5e7fd;
  }
.el-tree-node__content:hover {
  background-color: #0e6286;
}

//当鼠标点击tree的节点时显示的背景色
.el-tree-node:focus > .el-tree-node__content {
  background-color: #1c79a1 !important;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #0e6286 !important;
  color: #02c7f0;
}

.el-tree-node__content {
  background-color: #0a5272;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  cursor: pointer;
}

// -------el-upload---------

.el-upload {
  input[type='file'] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}
//------------.el-popover- 单元新建-------
.el-popover{
  border: 1px solid #0a5272;
  background-color: #0a5272;
  box-shadow: 0 0 10px #5fcefc;
}
.el-popper[x-placement^=right] .popper__arrow {
  border-right-color: #0a5272;
  border-bottom-color: #0a5272;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  border-right-color: #0a5272;
}
.el-popper[x-placement^=top] .popper__arrow{
  border-top-color: #0a5272;
}
.el-popper[x-placement^=top] .popper__arrow::after{
  border-right-color: #0a5272;
}
// 分批时选择自动还是手动加料
.check.el-popper[x-placement^=top] .popper__arrow::after {
  border-right-color: transparent;
  border-top-color: #0a5272;
}
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover {
   background-color: #156f92;
}
// .el-popper[x-placement^=bottom] .popper__arrow {
//   border-bottom-color: #0a5272;
// }
.el-popper[x-placement^=bottom] .popper__arrow::after{
   border-bottom-color: #0a5272;
   border-top-color: #0a5272;
}
.el-dropdown-menu {
  background-color: #0a5272;
  border: 1px solid #0a5272;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  box-shadow: 0 0 10px #5fcefc;
}
.el-dropdown-menu__item{
  color: #fff;
}
// .el-popover {
//   background: red;
//   border-color: red;
// }
// .el-popover[x-placement^=bottom] .popper__arrow::after{
//   /*el-popover上边三角表层的颜色---也就是视觉上的角*/
//   border-bottom-color: red;
// }
//------------.el-message-box 提示-------
.el-message-box__btns .el-button:nth-child(1){
  color: #fff;
  background: #596e7b;
  border-color: #909399;
  background-image: radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);
  opacity:1;
}
.el-message-box__btns .el-button:nth-child(1):hover{
  background: #596e7b;
  border-color: #909399;
  color: #fff
}
.el-message-box__btns .el-button:nth-child(2){
  color: #fff;
  // padding: 9px 15px;
  background-color:none;
  background-image:  radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);
  opacity:1;
}
.el-message-box__btns .el-button:nth-child(2):hover{
  background: #1d689c;
  border-color: #3d8ddf;
  color: #fff
}
.el-message-box__status.el-icon-info{
  color: #3d8fe2;
}
.el-message-box{
  background-color: #0a5272;
  border: 1px solid #009de0;
  box-shadow: 0 0 10px #5fcefc;
  padding-bottom: 20px;
}
.el-message-box__content{
  color: #ffff;
}
.el-message-box__title{
  color: #b5e7fd
}
//-----.el-time-panel
.el-time-panel{
  background-color: #0a5272;
  box-shadow: 0 0 10px #5fcefc;
  border:none
}
.el-time-spinner__item{
  color: #ffffff;
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #09638a;
}
.el-time-panel__btn{
  color: #409eff;
}

.el-picker-panel__footer .el-button:hover {
  background-color: #0a5272;
  border: 1px solid #057bae;
}
.el-time-panel__btn.confirm {
  font-weight: 500;
}
.el-time-panel__footer{
  border-top: 1px solid #009de0;
}
.el-time-spinner__item.active:not(.disabled) {
  color: #3690e5;
}
//-------.el-notification
.el-notification.quick-item.right{
  bottom: 16px !important;
}
.el-notification{
  background-color: #0a5272;
  border: 1px solid #009de0;
  box-shadow: 0 0 10px #5fcefc;
}
.el-notification__content{
  color: #f0f5fa;
}
.el-notification__title{
  font-size: 15px;
  color: #5fcefc;
}
.el-notification__content p .notify-buttom{
  // display: inline-block;
   text-align: center;
  // margin-top: 10px;
  // padding-left: 60px;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}
.el-notification__content p .notify-buttom .view{
  background-color: #3886d3;
  margin-right: 30px;
  border: 1px solid #4196eb;
  border-radius: 4px;
  padding: 2px 8px;
}
.el-notification__content p .notify-buttom .confirm{
  background-color: #3886d3;

  border: 1px solid #4196eb;
  border-radius: 4px;
  padding: 2px 8px;
}
//---------------el-radio
.el-radio{
  color:#fff;
}
.el-radio__inner{
  border: 1px solid #0385bf;
  background-color: #06709d;
}
.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled.is-checked .el-radio__inner {
  background-color: #648b9f;
  border-color: #658da2;
}
/* 时间选择器 */
.el-date-picker__time-header{
  border-bottom:none
}
.el-date-picker__header-label{
  color:#fff
}
.el-picker-panel__icon-btn {
  color:#409eff ;
}
.el-date-range-picker__time-header>.el-icon-arrow-right{
  color: #409eff ;
}
.el-picker-panel {
  color: #ffff;
  border: 1px solid #0a5272;
  /* -webkit-box-shadow: 0  12px ; */
  box-shadow: 0 0 10px #5fcefc;
  background: #0a5272;
}
.el-picker-panel__sidebar{
  color: #ffff;
  border: 1px solid #0a5272;
  background: #0a5272;
}

.el-picker-panel__shortcut{
  color: #ffff;
}
.el-date-table th{
  color: #ffff;
  border-bottom: solid 1px #3f98f3;
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
  background: #156f92;
}
.el-picker-panel__footer{
  padding: 4px 13px 9px 4px;
  color: #ffff;
  border: 1px solid #0a5272;
  background: #0a5272;
}
.el-picker-panel__footer .el-button {
  background-color: #0a5272;
  color:#3994ed;
  border: none;
}

.el-date-range-picker__content.is-left, .el-date-range-picker__content.is-right{
  padding: 12px 16px 12px 16px;
  border:none;
}
.el-date-range-picker__time-header{
  border:none;
  padding: 12px 5px 5px;
}
.el-popper[x-placement^="bottom"] .popper__arrow {
  top: -7px;
  border-bottom-color: #227498;
}
//----.el-select-dropdown---- start-date
.el-select-dropdown{
  background-color: #0a5272;
  box-shadow: 0 0 10px #5fcefc;
  border: 1px solid #0a5272;
  // border-radius: 4px;
}
.el-select-dropdown__item{
  color:#fff;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #156f92;
}

//--------.el-input__inner---------
.el-input__inner{
  height: 32px;
  line-height: 32px;
}
//-----el-container----
.el-container{
  border: none;
}

//------el-textarea
.el-textarea.is-disabled .el-textarea__inner {
  background-color: #648b9f;
  border-color: #5087a3;
}
.el-textarea__inner{
  background-color: #0a5272;
  border-color: #5087a3;
  color:#ffff;
}

// ------el-dialog------
.el-dialog{
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  // margin-top: 30vh !important;
  background-color: #0a5272;
  box-shadow: 0 0 10px #5fcefc;
  width: 700px;

}
.el-dialog__title{
  color:#b5e7fd;
}
.el-form-item__label{
  color:#b5e7fd;
}
// .el-dialog__header{

// }
.el-dialog__body{
  color: #fff;
}
// .el-dialog__footer{

//}
//-----------.el-input

.el-input .el-input__inner{
  color:#ffffff;
  background-color: #0a5272;
  border:solid 1px #73a1bb;
}
.el-input.is-disabled .el-input__inner{
  background-color: #648b9f;
  border:solid 1px #73a1bb;
}

//----------el-button----------------
// warning用于表格外的主按钮样式
.el-button--small {
  padding: 8px 15px 8px 15px;
}
.el-button--mini {
  padding: 5px 10px;
}
.el-button--warning {
  background-color: #409EFF;
  border-color: #409EFF;
  color: #fff;
  // background-color:none;
  background-image: radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);
  opacity:1;
}

.el-button--warning:focus,
.el-button--warning:hover {
  background: #1d689c;
  border-color: #3d8ddf;
  color: #fff
}

.el-button--warning.is-active,
.el-button--warning:active {
  background: #1d689c;
  border-color: #1d689c;
  color: #fff
}

.el-button--warning:active {
  outline: 0
}

//-----查看
.el-button--primary {
  color: #fff;
  // padding: 9px 15px;
  background-color:none;
  background-image:  radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);
  opacity:1;
}

.el-button--primary:focus,
.el-button--primary:hover {
  background: #1d689c;
  border-color: #3d8ddf;
  color: #fff
}

.el-button--primary.is-active,
.el-button--primary:active {
  background: #1d689c;
  border-color: #1d689c;
  color: #fff
}

.el-button--primary:active {
  outline: 0
}

// .el-button--primary.is-plain {
//   background: #fff;
//   border: 1px solid rgb(191, 217, 216);
//   color: rgb(31, 61, 60)
// }

// .el-button--primary.is-plain:focus,
// .el-button--primary.is-plain:hover {
//   background: #fff;
//   border-color: #00d1b2;
//   color: #00d1b2
// }

// .el-button--primary.is-plain:active {
//   background: #fff;
//   border-color: rgb(0, 188, 160);
//   color: rgb(0, 188, 160);
//   outline: 0
// }
//-------info 编辑
.el-button--info {
  color: #fff;
  // background-color:none;
  background-image: radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);
  opacity:1;
}

.el-button--info:focus,
.el-button--info:hover {
  background: #596e7b;
  border-color: #909399;
  color: #fff
}

.el-button--info.is-active,
.el-button--info:active {
  background: #596e7b;
  border-color: #596e7b;
  color: #fff
}

.el-button--info:active {
  outline: 0
}
//-------------danger  删除 transparent表示透明色
.el-button--danger {
  color: #fff;
  background-color:  none;
  background-image:  radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);

  opacity:1;
}

.el-button--danger:focus,
.el-button--danger:hover {
  background: #7d5764;
  border-color: #F56C6C;
  color: #fff
}

.el-button--danger.is-active,
.el-button--danger:active {
  background: #7d5764;
  border-color: #7d5764;
  color: #fff
}

.el-button--danger:active {
  outline: 0
}
//-------------success 
.el-button--success {
  color: #fff;
  background-color:  none;
  background-image:  radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);

  opacity:1;
}

.el-button--success:focus,
.el-button--success:hover {
  background: #3b8349;
  border-color: #61bb3d;
  color: #fff
}

.el-button--success.is-active,
.el-button--success:active {
  background: #63e920;
  border-color: #6efb28;
  color: #fff
}

.el-button--success:active {
  outline: 0
}

.el-button--success.is-disabled{
  color: #FFF;
  background-color: #abb0a9;
  border-color: #b3e19d;
}
//-------------danger  暂时没用 
.el-button--close {
  color: #fff;
  background-color:  #ffffff;
  background-image:  radial-gradient( rgba(6,81,114,1) 2%,rgba(20, 46, 58, 0.3) 50%, rgba(79, 102, 110, 0.1) 100%);

  opacity:1;
}

.el-button--close:focus,
.el-button--close:hover {
  background: #7d5764;
  border-color: #F56C6C;
  color: #fff
}

.el-button--close.is-active,
.el-button--close:active {
  background: #7d5764;
  border-color: #7d5764;
  color: #fff
}

.el-button--close:active {
  outline: 0
}

// -------------el-pagination__editor
.el-pagination__editor.el-input .el-input__inner {
  height: 35px;
  background-color: #0a5272;
  height: 28px;
  line-height: 28px;
}
.el-pager li{
  background-color: #0a5272;
}
.el-pagination button{
  // margin-top:3px;
  background-color: #0a5272;
}
.el-pagination .btn-next, .el-pagination .btn-prev {
  background: center center no-repeat #0a5272;
  color:#fff;
}
.el-pagination__jump .el-input__inner{
  height: 28px;
  line-height: 28px;
}
.el-pager  {
  margin-top:2px
}
.el-pager li:hover.active {
  color: #20a3bd;
  cursor: default;
}
.el-pagination{
  color:#ffffff
}
.el-pagination__jump{
  color:#ffffff
}
.el-pagination button, .el-pagination button:disabled{
  margin-top: 2px;
  background-color: #0a5272;
}
.el-pager li.btn-quicknext, .el-pager li.btn-quickprev{
  color:#ffffff
}
canvas{
  background-color:#0a5272;
}